@import url('res/futurastd-medium.css');

html {
	color: #fff;
}

#wrap {
	width: 650px;
	min-height: 185px;
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    color: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	}

table {
	text-align: center;
	}

th, td {
	padding-left: 25px;
	}

th {
	padding-top: 10px;
	height: 40px;

	}

tr {
	font-size: 110%;
	font-family: 'Segoe UI';
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);*/

	}

tr.heading {
    background-color: rgb(56, 132, 255);
    color: rgba(255, 255, 255, 0.9);
}

.rl_shell {
    overflow: auto;
     background gray ;
     max-height: 500px;
    width: 400px;
}

::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 40px;
}

::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border: 1px solid black;
    background: rgb(41,41,41);
    border-radius: 10px;

}
::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: 1px solid black;
    background: rgb(111,111,111);
    -webkit-box-shadow: 0 1px 1px rgb(0,0,0);
    background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}

::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px;
}

.pulse {
  margin:100px;
  display: block;
  width: 30px;
  height: 30px;
  padding-top:7px;
  padding-left:1px;
  font-size:12px;
  border-radius: 2px;
  background: #ff4747;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 221, 221, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 221, 221, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 221, 221, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 221, 221, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 221, 221, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 221, 221, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255, 221, 221, 0);
      box-shadow: 0 0 0 10px rgba(255, 221, 221, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 221, 221, 0);
      box-shadow: 0 0 0 0 rgba(255, 221, 221, 0);
  }
}


.pulse-open {
  margin:100px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #79ff5e;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(227, 255, 221, 0.4);
  animation: pulse 2s infinite;
}
.pulse-open:hover {
  animation: none;
}

@-webkit-keyframes pulse-open {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(227, 255, 221, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(227, 255, 221, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(227, 255, 221, 0);
  }
}
@keyframes pulse-open {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(227, 255, 221, 0.4);
    box-shadow: 0 0 0 0 rgba(227, 255, 221, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(227, 255, 221, 0);
      box-shadow: 0 0 0 10px rgba(227, 255, 221, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(227, 255, 221, 0);
      box-shadow: 0 0 0 0 rgba(227, 255, 221, 0);
  }
}

.pulse-dicht {
  margin:100px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff3a3a;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 229, 229, 0.4);
  animation: pulse 2s infinite;
}
.pulse-dicht:hover {
  animation: none;
}

@-webkit-keyframes pulse-dicht {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 229, 229, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 229, 229, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 229, 229, 0);
  }
}
@keyframes pulse-dicht {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 229, 229, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 229, 229, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255, 229, 229, 0);
      box-shadow: 0 0 0 10px rgba(255, 229, 229, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 229, 229, 0);
      box-shadow: 0 0 0 0 rgba(255, 229, 229, 0);
  }
}